@import "./reset.styl"
@import "./base.styl"

// var width1 = 1200;
// var width2 = 765;
// var width3 = 476;

@media(min-width:1200px)
    .wrap
      width: 1220px
    .w990np
      width: 990px

@media(max-width:1220px)
  .wrap
    width: 768px
  .w990np, .w990p10, .w990
    width: 768px
    .el-col-offset-1
      margin-left: 0
    .el-col-offset-4
      margin-left: 0
    .nav
      .el-menu-item
        padding: 0 14px
    .logo
      img
        width: 100%
    .search
      position: inherit !important
      margin-top: 10px
      text-align: center
      form
        display: inline-block
@media(max-width:828px)
  .wrap, .w990np, .w990p10, .w990
    .nav
      .nav-wrap
        display: none !important
      .hide
        display: block

@media(max-width:788px)
  .wrap
    width: 476px
  .w990np, .w990p10, .w990
    width: 476px
    .nav
      .down-box
        width: 436px !important
    .el-col-offset-4
      margin-left: 0
@media(max-width:496px)
  .wrap
    width: 340px
  .w990np, .w990p10, .w990
    width: 340px
    .el-col-offset-1
      margin-left: 0
    .el-col-offset-4
      margin-left: 0
    .nav
      .down-box
        width: 315px !important

